<template>
  <van-cell @click="showPopup"><van-image
  	round
  	width="2rem"
  	height="2rem"
  	:src="require('../img/1.jpg')"
  	/></van-cell>
  
  <van-popup v-model:show="show" position="left" :style="{width:'70%',height: '100%' }" >
	  <van-cell title="我的收藏" size="large"  icon="star-o" @click="tzmc()"></van-cell>
	  <van-cell title="我的钱包" size="large"  icon="paid" @click="tzmw()"></van-cell>
	  <van-cell title="我的订单" size="large"  icon="description" @click="tzmo()"></van-cell>
	  <van-cell title="购物车" size="large"  icon="balance-o" @click="tzsc()"></van-cell>
	  <van-cell title="收货地址" size="large"  icon="location-o" @click="tza()"></van-cell>
	  <van-cell title="我的KG" size="large"  icon="award-o" @click="tzl()"></van-cell>
	  <van-cell title="设置" size="large"  icon="setting-o" @click="tzs()"></van-cell>
  </van-popup>
  
</template>

<script>
import { ref } from 'vue';
import { Toast } from 'vant';
import { createApp } from 'vue';
import { Icon } from 'vant';
import { Cell, CellGroup } from 'vant';

export default {
  setup() {
    const show = ref(false);
    const showPopup = () => {
      show.value = true;
    };
    return {
      show,
      showPopup,
    };
  },
  methods:{
	tzmc(){
	  	this.$router.push("/mycollect");
	},
  	tzmw(){
		this.$router.push("/mywallet");
  	},
	tzmo(){
		this.$router.push("/myorder");
	},
	tzsc(){
		this.$router.push("/shoppingcar");
	},
	tza(){
		this.$router.push("/address");
	},
	tzl(){
		this.$router.push("/level");
	},
	tzs(){
		this.$router.push("/set");
	}
  }
};
</script>
